<template>
  <div>MusicItem</div>
  <p>{{ name }}--{{ order }}</p>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "MusicItem",
});
</script>

<script setup lang="ts">
import { useRoute } from "vue-router";
import {computed} from "vue";

const route = useRoute();

const  name = computed(()=>{
  return route.params.name
})

const  order = computed(()=>{
  return route.params.order
})

</script>

<style scoped></style>
